<template>
  <div class="nav-wrapper">
    <template v-for="(item,index) in leftUrl">
      <router-link :key="index" :to="item">{{item}}</router-link>
      <br />
    </template>
  </div>
</template>
<script>
import { getMyUrl } from "@/api/api";
export default {
  data() {
    return {
      leftUrl: []
    };
  },
  mounted() {
    this.getUrl();
  },
  methods: {
    getUrl() {
      getMyUrl().then(res => {
        console.log(res, "url---res");
        this.leftUrl = res.data;
      });
    }
  }
};
</script>